@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	margin-top: 100px;
	padding: 0px;
	width: 940px;
	min-width: 900px;
	font: 13px/22px Helvetica, Arial, sans-serif;
	background-color: lightgray;
}
#mensagem{
	text-align: center;
}
#tudo {
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.05, rgb(214,167,28)),
	color-stop(0.53, rgb(240,200,79))
);	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 15px -10px 3px #000;
	-webkit-box-shadow: 15px -10px 3px #000;
	-moz-box-shadow: 15px -10px 3px #000;
}

#cabecalho {
	margin: 0 auto;
	padding: 10px;
	width: 350px;
	
}

#autenticacao {
	margin: 0 auto;
	padding: 15px;
	width: 180px;
	margin-left: 370px;
}

<!--
Formatação campos label e input para alinhamento,tem a função de evitar o uso de tabelas 
Pagina Index-->
#autenticacao label,input
	{
	display: block;
	float: left;
}

#autenticacao label {
	text-align: right;
	width: 50px;
	padding-right: 25px;
	font-size: 18px;
}

#autenticacao input[type="text"],input[type="password"] {
	background-color: #f2f2f2;
	border: 2px solid #000;
	padding: 5px;
}

#autenticacao input:FOCUS {
	background-color:#CDCDCD;	
}

#autenticacao input[type="image"] {
	padding: 8px;
}

#autenticacao input[type="image"]:HOVER {
	-webkit-transform: scale(1.1);	
}

#autenticacao br {
	clear: left;
}
<!-- Fim Formatação -->

<!-- Efeito no Link cadastrar-se -->
h1{
	text-align:center;
	margin-top:100px; 
	
}
h1 a{
	text-decoration:none;
	-webkit-transition:color 0.5s ease-out;
	-moz-transition:color 0.5s ease-out;
	-o-transition:color 0.5s ease-out;
	-ms-transition:color 0.5s ease-out;
}
h1 a:hover{
	color:black;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
<!-- Fim do efeito no link -->
#rodape{
	top: 200px;
	text-align: center;
	
}
